body {
    overflow-x: hidden;
}

* {
    padding: 0 !important;
    margin: 0 !important;
}

article {
    width: 100vw;
    height: auto;
}

@media screen and (max-width:1920px) {
    .container {
        width: 1920px;
    }

    article {
        margin-top: 10vh !important;
    }

    article .contain {
        width: 74vw;
        margin: 0 auto !important;
        background: #fff;
    }

    article .contain .maincontain {
        width: 100%;
        height: auto;
    }

    article .contain ul li {
        float: right;
        width: 35vw;
        height: 12vh;
        margin-bottom: 40px !important;
        line-height: 28px;
        overflow: hidden;
        display: flex;
        align-items: center;
        background: #F8F8F8;
    }

    article .contain .more {
        margin-right: 4vw;
        float: left;
    }

    article .maincontain .time {
        width: 17%;
        height: 12vh;
        float: left;
        background-color: #FFF7E9;
    }

    article .maincontain .time .day {
        display: inline-block;
        width: 100%;
        height: 43px;
        font-family: D-DIN;
        font-size: 1.6vw;
        font-weight: normal;
        line-height: normal;
        text-align: center;
        letter-spacing: 0em;
        color: #333333;
        margin-top: 1.3vw !important;
    }

    article .maincontain .time .year {
        display: inline-block;
        width: 90%;
        height: 30px;
        font-size: 0.95vw;
        font-weight: normal;
        line-height: 1.5vw;
        text-align: right;
        letter-spacing: 0em;
        color: rgba(0, 0, 0, 0.45);
        padding-right: 0.3vw !important;
    }

    article .newcontain {
        width: 83%;
        height: 56px;
    }

    article .newcontain a {
        width: 90%;
        height: 56px;
        font-size: 0.9vw;
        font-weight: normal;
        color: rgba(0, 0, 0, 0.9);
        line-height: 1.7vw;
        text-align: justify;
        text-overflow: ellipsis;
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin-left: 1.4vw !important;
    }

    article .maincontain ul li:hover {
        background: #7545A9;

        .time {
            background: #e6c390;

            .day,
            .year {
                color: #7545A9;
            }
        }

        a {
            color: #fff;
            text-decoration: none;
        }
    }

    article .page {
        width: 74vw;
        height: 40px;
        margin: 62px auto 90px auto !important;
        text-align: center;
        float: left;
    }

    article .page a {
        color: #999;
        font-size: 1vw;
        margin: 0 0.3vw !important;
        border: 0.1vw solid #e6e6e6;
        padding: 8px 1vw 9px 1vw !important;
        background: #fff;
        border-radius: 0.3vw !important;
    }

    article .page a:hover {
        background: #7545A9;
        color: #fff;
    }
}

@media (max-width:768px) {
    article {
        margin-top: 50px !important;
    }

    article .contain,
    article .contain .maincontain {
        width: 92vw;
        margin: 0 auto !important;
    }

    article .contain .maincontain li {
        width: 100%;
        height: 10vh;
        margin: 0 auto 30px auto !important;
        line-height: 28px;
        overflow: hidden;
        align-items: center;
        background: #F8F8F8;
    }

    article .maincontain .time {
        width: 21.4%;
        height: 100%;
        float: left;
        background-color: #FFF7E9;
    }

    article .maincontain .time .day {
        display: inline-block;
        width: 100%;
        height: 30px;
        font-family: D-DIN;
        font-size: 5vw;
        font-weight: normal;
        line-height: normal;
        text-align: center;
        letter-spacing: 0em;
        color: #333333;
        margin-top: 4vw !important;
    }

    article .maincontain .time .year {
        display: inline-block;
        width: 90%;
        height: 30px;
        font-size: 3vw;
        font-weight: normal;
        line-height: 5vw;
        text-align: right;
        letter-spacing: 0em;
        color: rgba(0, 0, 0, 0.45);
        padding-right: 1.5vw !important;
    }

    article .newcontain {
        width: 78.6%;
        height: 56px;
    }

    article .newcontain a {
        width: 89.7%;
        height: 80%;
        font-size: 3.5vw;
        font-weight: normal;
        color: rgba(0, 0, 0, 0.9);
        line-height: 5vw;
        text-align: justify;
        text-overflow: ellipsis;
        word-break: break-all;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        margin: 0 auto 0 3vw !important;
    }

    article .maincontain ul li:hover {
        background: #7545A9;

        .time {
            background: #e6c390;

            .day,
            .year {
                color: #7545A9;
            }
        }

        a {
            color: #fff;
            text-decoration: none;
        }
    }

    article .page {
        width: 96vw;
        height: 40px;
        margin: 40px 0 70px 0 !important;
        text-align: center;
        float: right;
    }

    article .page a {
        color: #999;
        font-size: 4vw;
        margin: 0 2vw !important;
        border: 0.1vw solid #e6e6e6;
        padding: 8px 2vw 9px 2vw !important;
        background: #fff;
        border-radius: 1vw !important;
    }

    article .page a:hover {
        background: #7545A9;
        color: #fff;
    }
}